<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title>sender</title>
    <link rel="stylesheet" href="./scss/_reset.scss">
    <link rel="stylesheet" href="./css/sender.min.css">
    <link rel="stylesheet" href="./font/iconfont/iconfont.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>

<body>
    <div class="sender">
        <header>
            <div class="header-sender-title">订购人信息</div>
        </header>
        <!-- 订购人姓名输入框 -->
        <div class="sender-name">
            <h3>订购人姓名</h3>
            <input type="text" placeholder="订购人姓名">
        </div>
        <!-- 订购人手机号输入框 -->
        <div class="sender-tel">
            <h3>订购人手机</h3>
            <input type="text" placeholder="订购人手机">
        </div>
        <!-- 提示 -->
        <div class="remind">
            <div class="remind-content">请填写您本人的手机号，非收货人手机，以便及时接收订单状态提醒信息</div>
        </div>
        <!-- 确定按钮 -->
        <div class="enter-button">
            <button>确定</button>
        </div>
    </div>
    <!-- 咨询 -->
    <div class="circle">
        <span class="iconfont">&#xe625;</span>
        <span class="consult">咨询</span>
    </div>
</body>

</html>